<template>
  <div>
    <div class="header" id="header">
      <router-link to="/percen">
        <div class="header_back">
          <div class="header_back_r"></div>
        </div>
      </router-link>
      <div id="head-title">真假客服验证</div>
      <router-link to="/" class="gb-head-rightwrap" data-ajax="false">
        <div class="header_right">
          <img
            src=""
          />
        </div>
      </router-link>
    </div>
    <div class="qq-box">
      <input
        type="number"
        id="js-qq"
        placeholder="点此处输入客服QQ号一键查验真伪客服(谨防诈骗)"
      />
    </div>
    <div>
      <button id="js-checkqq">立即验证</button>
    </div>
    <div class="help-box">
      <ul>
        <router-link to="/kefu">
          <li>如何联系客服</li>
        </router-link>
        <router-link to="/kefu">
          <li>购买商品新手指南</li>
        </router-link>
        <router-link to="/kefu">
          <li>出售商品新手指南</li>
        </router-link>
      </ul>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style lang="less" scoped>
#js-qq {
  background: #f2f2f2;
  width: 85%;
  margin-left: 32px;
}
.qq-box {
  width: 94%;
  margin: 0.8rem 0 0.2rem 0;
}

.qq-box div {
  border: 0;
  border-radius: 0;
}

#js-qq {
  background: #f2f2f2;
}

#js-qq::-webkit-input-placeholder {
  color: #969696;
}

#js-checkqq {
  background: #f40000;
  width: 94%;
  margin: 0 3%;
  color: #fff;
  border-radius: 1rem;
  height: 0.5rem;
  line-height: 0.5rem;
}

.help-box {
  margin-top: 0.5rem;
}

.help-box ul {
  border-top: 1px solid #ccc;
  padding: 0;
}

.help-box ul a li {
  border-bottom: 1px solid #f7f7f7;
  padding: 0.1rem 3%;
  background: url(https://m.taoshouyou.com/img/percenter/youj-icon.png) no-repeat;
  background-position: right;
  background-origin: content-box;
  background-size: 0.1rem;
}

.pop {
  position: fixed;
  width: 100%;
  top: 0px;
  bottom: 0px;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}

.pop-val {
  position: fixed;
  width: 60%;
  top: 40%;
  background: rgba(0, 0, 0, 0.5);
  padding: 1rem;
  text-align: center;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  color: #fff;
  font-size: 100%;
}
</style>